<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>YSL圣罗兰美妆官方网站 - 着我装者, 着我妆</title>
    <meta name="keywords" content="YSL,圣罗兰,YSL官网,圣罗兰官网" />
    <meta name="description" content="YSL圣罗兰官方网站为您提供ysl最新彩妆、护肤、香水，官方正品保证，更有官网尊享礼盒及私人定制服务进行中. YSL圣罗兰, 着我装者, 着我妆" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <link rel="stylesheet" href="/css/head/login.css">
    <link rel="stylesheet" href="/css/head/header.css">
    <link rel="stylesheet" href="/css/assets/reset.css">
    <link rel="stylesheet" href="/css/assets/swiper-bundle.min.css">
    <link rel="stylesheet" href="/css/perfume/perfume.css">
    <link rel="stylesheet" href="/css/assets/bootstrap.min.css">
    <link rel="stylesheet" href="/css/assets/bootstrap-slider.min.css">
    <link rel="stylesheet" href="/css/foot/footer.css">
</head>

<body>
    <!--头部内容(龙)-->
    <div id="header"></div>
    <!--主体内容(this)-->
    <!-- ----------------------------------------- -->

    <!-- 顶部图片 -->
    <div class="header">
        <img src="/images/perfume/16557112963451118.webp">
    </div>

    <div class="center">
        <div class="context">
            <!-- 左边内容 -->
            <div class="left-tab-cont">
                <div class="left-tab">
                    <div class="filter-head">
                        <h1 class="h1">香水</h1>
                    </div>
                    <div class="filter-main">
                        <div class="filter-main-head">
                            <div class="filtername">
                                <span>库存</span>
                            </div>
                            <div class="filter-content">
                                <ul>
                                    <li id="salesOutFlag"><a class="topa btnChang" data-name="仅看有货">仅看有货</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="filter-main-head">
                            <div class="filtername">
                                <span>定制服务</span>
                            </div>
                            <div class="filter-content">
                                <ul>
                                    <li id="engravedFlag"><a class="topa btnChang" data-name="支持刻字">支持刻字</a></li>
                                </ul>
                            </div>
                        </div>
                        <!--P4-3左侧导航-筛选 -->
                        <!--P4-3左侧导航-筛选 -->
                        <div class="filter-main-head cont">
                            <div class="filtername">
                                <span>产品分类</span><img class="float-right checked" data-id="1" data-toggle="collapse"
                                    data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"
                                    src="/images/perfume/add.png">
                            </div>

                            <div class="collapse" id="collapseExample">
                                <ul class="downList">
                                    <li class="li"><img src="/images/perfume/check.png" class="checks" />
                                        <a class="aspan" data-id="1" data-cate="产品分类" data-str="女士香水">女士香水</a>
                                    </li>
                                    <li class="li"><img src="/images/perfume/check.png" class="checks" />
                                        <a class="aspan" data-id="1" data-cate="产品分类" data-str="男士香水">男士香水</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <!--P4-3左侧导航-筛选 -->
                        <div class="filter-main-head cont">
                            <div class="filtername">
                                <span>系列</span><img class="float-right checked" data-id="1" data-toggle="collapse"
                                    data-target="#collapseExample1" aria-expanded="false"
                                    aria-controls="collapseExample1" src="/images/perfume/add.png">
                            </div>
                            <div class="collapse" id="collapseExample1">
                                <ul class="downList">
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-cate="系列" data-str="反转巴黎">反转巴黎</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-cate="系列" data-str="黑色奥飘茗">黑色奥飘茗</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-cate="系列" data-str="衣典系列">衣典系列</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-cate="系列" data-str="自由之水">自由之水</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-cate="系列" data-str="先锋男士">先锋男士</a></li>
                                </ul>
                            </div>

                        </div>
                        <!--P4-3左侧导航-筛选 -->
                        <div class="filter-main-head cont">
                            <div class="filtername">
                                <span>价格范围</span><img class="float-right checked" data-id="1" data-toggle="collapse"
                                    data-target="#collapseExample3" aria-expanded="false"
                                    aria-controls="collapseExample3" src="/images/perfume/add.png">
                            </div>
                            <div class="collapse collapseExample3" id="collapseExample3">

                            </div>
                        </div>
                        <!--P4-3左侧导航-筛选 -->
                        <div class="filter-main-head cont">
                            <div class="filtername">
                                <span>规格</span><img class="float-right checked" data-id="1" data-toggle="collapse"
                                    data-target="#collapseExample2" aria-expanded="false"
                                    aria-controls="collapseExample2" src="/images/perfume/add.png">
                            </div>


                            <div class="collapse" id="collapseExample2">
                                <ul class="downList">
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="30ml">30ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="40ml">40ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="50ml">50ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="60ml">60ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="70ml">70ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="80ml">80ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="90ml">90ml</a></li>
                                    <li><img src="/images/perfume/check.png" class="checks" /> <a class="aspan"
                                            data-id="1" data-str="100ml">100ml</a></li>
                                </ul>
                            </div>

                            <ul class="ul">
                                <li id="salesOutFlag"><a class="topa reset">重置</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal topCollapse" id="topContext">
            </div>

            <!-- 右边内容 -->
            <div class="container-fluid">
                <!-- 头部内容 -->
                <div class="top-paging filter-head">
                    <div class="breadTop">
                        <ul class="list-inline">
                            <li><a href="#">首页</a></li>
                            <span>></span>
                            <li><a href="#">香水</a></li>
                        </ul>
                    </div>
                    <div class="filter-top">
                        <div class="product-select">
                            <p class="none-sm select-num btn">24个商品
                            </p>

                            <div class="select">
                                <div class="dropdown">
                                    <a class="btn" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
                                        <span>排序按照</span>
                                        <img src="/images/perfume/header.png" class="headerCss">
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item" data-text="人气推荐">人气推荐</a>
                                        <a class="dropdown-item" data-text="按上市时间">按上市时间</a>
                                        <a class="dropdown-item" data-text="按价格从高到低">按价格从高到低</a>
                                        <a class="dropdown-item" data-text="按价格从低到高">按价格从低到高</a>
                                        <a class="dropdown-item" data-text="按销量排序">按销量排序</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动头部内容 -->
                <div class="container-fluid phone">
                    <div class="row">
                        <div class="col-12">
                            <ul class="list-inline">
                                <li><a href="#">首页</a></li>
                                <span>></span>
                                <li><a href="#">香水</a></li>
                            </ul>
                        </div>
                        <div class="col-12">
                            <div class="container-fluid">
                                <div class="row top">
                                    <div class="col-6 select" data-toggle="modal" data-target="#topContext"
                                        aria-expanded="false" aria-controls="topContext">
                                        <span>筛选</span><img data-id="1" src="/images/perfume/add.png">
                                    </div>
                                    <div class="col-6 select">
                                        <div class="dropdown">
                                            <a class="btntop" id="dropdownMenuButton" data-toggle="dropdown"
                                                aria-expanded="false">
                                                <span>排序按照</span>
                                                <img src="/images/perfume/header.png" class="headerCss">
                                            </a>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" data-text="人气推荐">人气推荐</a>
                                                <a class="dropdown-item" data-text="按上市时间">按上市时间</a>
                                                <a class="dropdown-item" data-text="按价格从高到低">按价格从高到低</a>
                                                <a class="dropdown-item" data-text="按价格从低到高">按价格从低到高</a>
                                                <a class="dropdown-item" data-text="按销量排序">按销量排序</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 主体内容 -->
                <div class="container">
                    <div class="row" id="content">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ----------------------------------------- -->
    <!--底体内容(龙)-->
    <div id="footer"></div>
</body>
<script src="/js/assets/jquery.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
<script src="/js/assets/bootstrap.bundle.min.js"></script>
<script src="/js/assets/bootstrap-slider.min.js"></script>
<script src="/js/perfume/perfume.js"></script>
<script src="/js/perfume/topCollapse.js"></script>
<script src="/js/assets/swiper-bundle.min.js"></script>
<script src="/js/head/header.js"></script>
<script src="/js/head/footer.js"></script>
<script src="/js/head/login.js"></script>

</html>